<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>医院科室首页</title>
<link href="css/bootstrap.css" rel="stylesheet">
<style>
		
		.div1{height:90px;background-color:gray}
		.pdoc{line-height:90px;font-size:50px;color:white}
		.navcent{text-align:center}
		#phb{height:50px;background-color:gray;color:white;padding:10px}
		
	</style>
</head>
<body>
	<div class="container">
		
		<div class="row">
				<div class="col-md-12 div1">
				<!--导航-->
					<p class="text-center pdoc"><span></span>科室列表</p>
					<!--END导航-->
				</div>		
		</div>
		<div class="row">
			<div class="col-md-12">
				<!--搜索导航-->
					<nav class="navbar navbar-default">
					  <div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
						  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						  </button>
						  <a class="navbar-brand" href="#">您好！<span>${user.name}</span></a>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						  <ul class="nav navbar-nav">
							<li class="active"><a href="#">客服中心 <span class="sr-only">(current)</span></a></li>
							<li><a href="#">医疗保险</a></li>
							<li class="dropdown">
							  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">设置 <span class="caret"></span></a>
							  <ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">One more separated link</a></li>
							  </ul>
							</li>
						  </ul>
						  <form class="navbar-form navbar-left" action="" method="post">
							<div class="form-group">
							  <input name="deptname" type="text" class="form-control" placeholder="请输入科室名称">
							</div>
							<button type="submit" class="btn btn-default">搜索</button>
						  </form>
						  <ul class="nav navbar-nav navbar-right">
							<li><a href="/hospital/book/list">我的预约</a></li>
							<li class="dropdown">
							  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于 <span class="caret"></span></a>
							  <ul class="dropdown-menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">Separated link</a></li>
							  </ul>
							</li>
						  </ul>
						</div><!-- /.navbar-collapse -->
					  </div><!-- /.container-fluid -->
					</nav>
				<!--END搜索导航-->
			</div>
			<div class="row">
				<div class="col-md-9">
					<!--分页列表-->
						<table class="table table-striped">
							   <tbody>
								   <tr>
									<th>编号</th>
									<th>科室名称</th>
									<th>位置</th>
									<th>电话</th>
									<th>操作</th>
								   </tr>
								   <c:forEach var="d" items="${dept}">
										<tr>

										 <td>${d.dept_id}</td>
										 <td>${d.dept_name}</td>
										 <td>${d.dept_loc}</td>
										 <td>${d.dept_phone}</td>
										 <td>
											<a href="/hospital/doctor/list/${d.dept_id}"><button type="button" class="btn btn-success" data-container="body">查看</button></a>
										 </td>
									  </tr>
								   </c:forEach>
							 </tbody></table>
							
					<!--END分页列表-->
				</div>
				<div class="col-md-3">
					<!-- 排行 -->
					<div class="list-group">
				  <a href="#" class="list-group-item active">
				    科室自通:带你走上天天
				  </a>
				  <a href="#" class="list-group-item">儿科:让您的孩子健康成长</a>
				  <a href="#" class="list-group-item">骨科:让您的骨头无骨质疏松</a>
				  <a href="#" class="list-group-item">外科:让您健健康康</a>
				  <a href="#" class="list-group-item">妇科:不孕不育变成不可能</a>
				</div>
				<!--ph  -->
				</div>
				
			</div>
		</div>
		<div class="row">
			<div class="col-md-5">
				<!-- 轮播 -->
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				  <!-- Indicators -->
				  <ol class="carousel-indicators">
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
				  </ol>
				
				  <!-- Wrapper for slides -->
				  <div class="carousel-inner" role="listbox">
				    <div class="item active">
				      <img src="imgs/1.jpg" alt="...">
				      <div class="carousel-caption">
				       
				      </div>
				    </div>
				    <div class="item">
				      <img src="imgs/2.jpg" alt="...">
				      <div class="carousel-caption">
				        
				      </div>
				    </div>
				    <div class="item">
				      <img src="imgs/3.jpg" alt="...">
				      <div class="carousel-caption">
				        
				      </div>
				    </div>
				   
				  </div>
				
				  <!-- Controls -->
				  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				    <span class="sr-only">Previous</span>
				  </a>
				  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				    <span class="sr-only">Next</span>
				  </a>
				</div>
				<!-- 轮播 -->
			</div>
			<div class="col-md-7">
				<div role="tabpanel" class="tab-pane" id="profile">
							<!--表格-->
							<table class="table table-striped">
							   <tbody><tr>
							     <th>科室</th>
								 <th>位置</th>
								 <th>描述</th>
								
							   </tr>
							   <tr>
							     <td>【儿科】</td>
								 <td>儿科方楼</td>
								 <td>医脉通儿科频道,是专门面向儿科医生,为儿科医生提供儿科医学资讯、临床病例、期刊文献、临床指南、医学专题、医学会议、医学论坛、期刊文献、诊疗知识库等服务的综合性...</td>
							     
							   </tr>
							    <tr>
							     <td>【骨科】</td>
								 <td>骨科放楼</td>
								 <td>主要研究骨骼肌肉系统的解剖、生理与病理，运用药物、手术及物理方法保持和发展这一系统的正常形态与功能</td>
							        </tr>
							    <tr>
							     <td>【外科】</td>
								 <td>外科方楼</td>
								 <td>在巫文化（或迷信中）广泛的是指“鬼神附体”或受其影响而产生的一种疾病，这是相对于疾病的一种通俗的称呼。别称“外讲”等。</td>
							      </tr>
							 </tbody></table>
							<!--END表格-->
						</div>
			</div>
		</div>
		
		
				
	</div>
	<footer class="navbar-fixed-bottom">
  	
		<div class="row">
				<div class="col-md-12 div2">
				<!--页脚-->
					<p class="text-center">Copyright © 2010 - 2018 WEDOCTOR. All Rights Reserved.微医 版权所有 浙ICP备12034511号-2</p>
					<p class="text-center">13231421@123.com.cn</p>
					<!--END页脚-->
				</div>		
		</div>
     </footer>
    <script src="js/jquery-3.3.1.min.js"></script>
     <script src="js/bootstrap.js"></script>
    <script type="text/javascript">
    $(function () {
		  $('[data-toggle="popover"]').popover();
		   $('[data-toggle="tooltip"]').tooltip();
		   $('.carousel').carousel();
	})
   
    </script>
   
    
  

</body></html>